{include file="public/header"}
</head>
<body>
	<header>
		<div>
			<a href="javascript:history.back();"><i class="icon-fanhui icon iconfont"></i></a>
		</div>
		<div>
			购物车
		</div>
		<div><a href="" class="delAll">清空</a></div>
		<script>
			$('.delAll').click(function () {
                $.ajax({
                    type: 'post',
                    url: '{:url("Good/cartDelAll")}',
                    dataType: 'json',
                    success: function (data) {
                        window.location.reload();
                    }
				})
            })
		</script>
	</header>
	<div class="main car">
		<ul>
			{foreach $list as $v}
			<li sid="{$v['id']}">
				<div>
					<i class="icon iconfont icon-yuanxingweixuanzhong xuanze"><input type="checkbox" name="id[]" class="id" value="{$v['id']}"></i>
					
				</div>
				<div>
					<a href=""><img src="/static/{$v['photo_x']}" alt=""></a>
				</div>
				<div>
					<h1>{$v['name']}</h1>
					<span class="dz">颜色精致定制</span>
					<section>
						<span class="price">
							￥<em>{$v['price']}</em>
						</span>
						<div>
							
								<i class="icon iconfont icon-jiahao1"></i>
								<input type="number" value="{$v['num']}">
								<i class="icon iconfont icon-jianhao"></i>
							
						</div>
						<div>
							<a href="" class="delA"><i class="icon iconfont icon-shanchu"></i></a>
						</div>
					</section>
				</div>
			</li>
			{/foreach}
		</ul>
		<script>
			$('.delA').click(function () {
			    var id = $(this).parent().parent().parent().prev().prev().children().children().val();
                $.ajax({
                    type: 'post',
                    url: '{:url("Good/cartDel")}',
                    data: {id:id},
                    dataType: 'json',
                    success: function (data) {
                        window.location.reload();

                    }
                });
            })
		</script>
	</div>
	<div class="jieSuan">
		<div>
			<i class="icon iconfont icon-yuanxingweixuanzhong xuanze xAll"></i>
			<span>全选</span>
		</div>
		<div>
			合计:￥<span class="hj">0</span>	
		</div>
		<div class="jsBtn">
			<a href="#" id="jsBtn">去结算(<span class="num">0</span>)</a>
		</div>
	</div>
	<script>
        // $('.jsBtn').click(function () {
        //     var arr=[];
        //     var Checkbox=false;
        //     $("input[name='id[]']").each(function(){
        //         if (this.checked==true){
        //             Checkbox=true;
        //             arr.push($(this).val());
        //         }
        //     });
        //     if (!Checkbox){
        //         alert('请选择需结算的商品');
			// }
        //     if (Checkbox) {
        //         location.href = 'order?id=' + arr.join(',');
        //     }
        // });
		var arr = [];
		$(function () {
            if (arr.length>0){
                window.location.reload();
            }
        })

		$('.jsBtn').click(function () {
			$(".id").each(function(){
				if (this.checked==true){
					arr.push($(this).val());
				}
			});
			if (arr.length <= 0){
				alert('请选择需结算的商品');
			}
			console.log(arr);
			if (arr.length > 0){
				location.href = 'order?id=' + arr.join(',');
			}
		})





		$(".xuanze").click(
			function(){
				if($(this).hasClass("icon-yuanxingweixuanzhong")){
					$(this).removeClass("icon-yuanxingweixuanzhong").addClass("icon-yuanxingxuanzhongfill");
					$(this).find("[type=checkbox]").prop("checked",true);
				}
				else{
					$(this).removeClass("icon-yuanxingxuanzhongfill").addClass("icon-yuanxingweixuanzhong");
					$(this).find("[type=checkbox]").prop("checked",false);
				}
				if($(this).hasClass('xAll')){
					// console.log($(this).prop("class"));
					$(".xuanze").not(".xAll").removeAttr("class").addClass($(this).prop("class")).removeClass("xAll");
					if($(".xAll").hasClass("icon-yuanxingxuanzhongfill")){
						// $("[type=checkbox]").prop("checked",
						// 	!$("[type=checkbox]").prop("checked")
						// );
						$("[type=checkbox]").prop("checked", true);
					}
					else{
						$("[type=checkbox]").prop("checked", false);
					}

				}

				if($("[type=checkbox]").length==$(".icon-yuanxingxuanzhongfill").not(".xAll").length){
					$(".xAll").removeClass("icon-yuanxingweixuanzhong").addClass("icon-yuanxingxuanzhongfill");
				}
				else{
					$(".xAll").removeClass("icon-yuanxingxuanzhongfill").addClass("icon-yuanxingweixuanzhong");
				}


				jieSuanNum();
				jieSuanPrice();
			}
		);
		// 结算个数
		function jieSuanNum(){
			$('.jsBtn .num').text($(".icon-yuanxingxuanzhongfill").not('.xAll').length);
		}
		// 结算价钱
		function jieSuanPrice(){
			var zj = 0;
			$(".car [type=checkbox]:checked").parents("li").find(".price").each(
				function(){
					// console.log($(this).text().trim().slice(1));
					// 单价剩个数
					zj+=parseFloat($(this).text().trim().slice(1)*$(this).next().find("[type=number]").val());
				}
			);
			$(".hj").text(zj.toFixed(2));
		}
		$(".car [type=number]").blur(
			function(){
				jieSuanPrice();
			}
		);
        $(".icon-jiahao1").click(function(){
            // var getV = $(this).next().val();
            // if(getV==""){
            // 	getV=0;
            // }
            // $(this).next().val(++getV);
            // jieSuanPrice();
            var that = $(this);
            var num = $(this).next().val();
            var id = $(this).parent().parent().parent().parent().attr('sid');
            $.ajax({
                type: 'post',
                url: '{:url("Good/cartAdd")}',
                data: {num:num,id:id},
                dataType: 'json',
                success: function (data) {
                    var nums = data.num;
                    if (data){
                        that.next().val(nums);
                        jieSuanPrice();
                    }else {
                        alert(data);
					}
                }
            });

        });
        $(".icon-jianhao").click(function(){
            // 	var getV = $(this).prev().val();
            // 	// console.log(getV);
            // 	if(getV!=""&&getV>0){
            // 		$(this).prev().val(--getV);
            // 		jieSuanPrice();
            // 	}
            var that = $(this);
            var num = $(this).prev().val();
            var id = $(this).parent().parent().parent().parent().attr('sid');
            $.ajax({
                type: 'post',
                url: '{:url("Good/cartAddj")}',
                data: {num:num,id:id},
                dataType: 'json',
                success: function (data) {
                    var nums = data.num;
                    if (nums<1){
                        that.parent().parent().parent().parent().remove();
                    }
                    if (data){
                        that.prev().val(nums);
                        jieSuanPrice();
                    }else {
                        alert(data);
					}

                }
            });

        });
	</script>

	<!-- <footer>
		<a href="index.html"><i class="icon iconfont icon-home"></i><span>首页</span></a>
		<a href="category.html"><i class="icon iconfont icon-fenlei"></i><span>category</span></a>
		<a href="cart.html" class="active"><i class="icon iconfont icon-gouwuche-copy"></i><span>购物车</span></a>
		<a href="user.html"><i class="icon iconfont icon-huiyuanzhongxin1"></i><span>会员中心</span></a>
	</footer> -->
































</body>
</html>